import React, { Component } from "react";
import PropTypes from "prop-types";

class Imrc extends Component {
  constructor(props) {
    super(props);
  }

  // componentWillMount() {
  //   console.log("componentWillMount~~");
  // }
  //
  // componentDidMount() {
  //   console.log("componentDidMount~~");
  // }
  //
  // componentWillReceiveProps(nextProps) {
  //   console.log("componentWillReceiveProps~~");
  // }
  //
  // shouldComponentUpdate(nextProps, nextState) {
  //   console.log("shouldComponentUpdate~~");
  //   return true
  // }
  //
  // componentWillUpdate(nextProps, nextState) {
  //   console.log("componentWillUpdate~~");
  // }
  //
  // componentDidUpdate(prevProps, prevState) {
  //   console.log("componentDidUpdate~~");
  // }
  //
  // componentWillUnmount() {
  //   console.log("componentWillUnmount~~");
  // }

  render() {
    // console.log("render~~");
    return (
      <div>
        {this.props.list.map((item) => {
          // return <span key={item}>{item}</span>;
        })}
      </div>
    );
  }
}

Imrc.propTypes = {
  list: PropTypes.array
};

export default Imrc;
